Vue實例的生命週期從建立、更新到消滅，這中間會可以執行一些函式，而這些函式叫生命週期函式(lifecycle hooks)，可以依情況需要來宣告使用。

附上官方文件的圖，紅色框的部分就是生命週期函式，其餘的就是在生命週期裡會發生的事件。
Vue的生命週期函式有四個步驟，這四種又分別分為兩種狀況：

建立：

• beforeCreate：Vue實例已開始初始化
• created：資料初始化完成，已經可以讀取到data屬性

在這之後會判斷有無el屬性，如果沒有就不會繼續往下跑了，或者試之後再另外用$mount掛載el後才會繼續執行下面。

掛載：

• beforeMount
• mounted：元素已掛載，實例已綁定畫面，常用來做初始ajax

當資料改變的時候接著跑

更新：

• beforeUpdate:資料有改變後
• updated: 實際變更畫面的DOM後

當呼叫destroy函式

消滅：

• beforeDestroy
• destroyed：消滅實例的連結和一些偵聽的動作

宣告方式：

const vm = new Vue({
  beforeCreate(){
    //...
  },
  created(){
    //...
  },
  beforeMount(){
    //...
  },
  mounted(){
    //...
  },
  beforeUpdate(){
    //...
  },
  updated(){
    //...
  },
  beforeDestroy(){
    //...
  },
  destroyed(){
    //...
  }
});

下篇要進入到組件了....其實有先預習了一下，愈到活用的階段腦筋愈頓阿